<ion-view title="选择支付产品">
    <ion-nav-bar class="bar-dark box-shadow">
        <ion-nav-back-button></ion-nav-back-button>

    </ion-nav-bar>

    <ion-nav-buttons side="right">
        <button class="button button-clear  " ng-click="summitProduct()" style="color: #5bc0de">确定</button>
    </ion-nav-buttons>

    <div class="bar bar-subheader">

        <ion-scroll direction="x" scrollbar-x="false" >
            <div class="button-bar sub_header_list" id="sub_header_list">
                <a class="button button-clear sub_button_select" ng-click="changeTab(0,0)">选择工程名称</a>
                <a class="button button-clear" ng-click="changeTab(1,1)">选择产品</a>
                <a class="button button-clear" ng-click="changeTab(2,1)">选择问题描述</a>
            </div>
        </ion-scroll>
    </div>
    <ion-content class="has-subheader" style="background-color: #f2f2f6">

        <div ng-if="showloading" style="margin-top:60px; text-align: center">
            <ion-spinner icon="ios" style="height: 60px; width: 60px;;"></ion-spinner>
        </div>

        <ion-list ng-if="produceOne.isShow">
            <ion-radio  class=""  ng-repeat="item in produceOne.data " ng-click="changeTab(1,item.id)">{{item.productName}}</ion-radio>
        </ion-list>

        <ion-list ng-if="produceTwo.isShow">
            <ion-radio  class=""  ng-repeat="item in produceTwo.data " ng-click="changeTab(2,item.id)">{{item.productName}}</ion-radio>
        </ion-list>


        <ion-list ng-if="produceThree.isShow">
            <ion-checkbox  class=""  ng-repeat="item in produceThree.data "ng-checked="isSelected(item.id)" ng-click="updateSelection($event,item.id)">{{item.productName}}</ion-checkbox>
        </ion-list>


    </ion-content>
</ion-view>
